<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <body>

        <ui:composition template="./plantillas/plantillaGeneral.xhtml">

            <ui:define name="titulo">
                Demo EJB+JPA+JSF :: Carro de la Compra
            </ui:define>

            <ui:define name="encabezado">
                <ui:include src="./plantillas/vistaCabecera.xhtml"/>
            </ui:define>

            <ui:define name="izquierda">
                <ui:include src="./plantillas/vistaIzquierda.xhtml"/>
            </ui:define>

            <ui:define name="contenido">
                <h3> <h:outputText value="Pedido generado con exito"/></h3>

                <h:form>
                    <h:panelGroup styleClass="panelDatos">
                        <p> <h:outputText value="Datos del cliente" style="font-weight: bold;"/> </p>

                        <h:panelGrid frame="box" border="1" columns="2">
                            <h:outputLabel value="Nombre:" for="nombre" style="font-weight: bold;"/>
                            <h:outputText id="nombre" value="#{carroCompraController.pedido.cliente.nombre}"/>

                            <h:outputLabel value="Apellidos:" for="apellidos" style="font-weight: bold;"/>
                            <h:outputText id="apellidos" value="#{carroCompraController.pedido.cliente.apellidos}"/>

                            <h:outputLabel value="NIF:" for="nif" style="font-weight: bold;"/>
                            <h:outputText id="nif" value="#{carroCompraController.pedido.cliente.nif}"/>

                            <h:outputLabel value="Domicilio:" for="domicilio" style="font-weight: bold;"/>
                            <h:outputText id="domicilio" value="#{carroCompraController.pedido.cliente.domicilio}"/>

                            <h:outputLabel value="Código postal:" for="codPostal" style="font-weight: bold;"/>
                            <h:outputText id="codPostal" value="#{carroCompraController.pedido.cliente.codPostal}"/>

                            <h:outputLabel value="Provincia:" for="provincia" style="font-weight: bold;"/>
                            <h:outputText id="provincia" value="#{carroCompraController.pedido.cliente.provincia}"/>

                            <h:outputLabel value="Teléfono:" for="telefono" style="font-weight: bold;"/>
                            <h:outputText id="telefono" value="#{carroCompraController.pedido.cliente.telefono}"/>

                            <h:outputLabel value="Correo electrónico:" for="email" style="font-weight: bold;"/>
                            <h:outputText id="email" value="#{carroCompraController.pedido.cliente.email}"/>
                        </h:panelGrid>
                    </h:panelGroup>

                    <h:panelGroup styleClass="panelDatos">
                        <p> <h:outputText value="Datos del pedido" style="font-weight: bold;"/> </p>

                        <h:panelGrid frame="box" border="1" columns="2">
                            <h:outputLabel value="Número:" for="numero" style="font-weight: bold;"/>
                            <h:outputText id="numero" value="#{carroCompraController.pedido.id}"/>

                            <h:outputLabel value="Fecha:" for="fecha" style="font-weight: bold;"/>
                            <h:outputText id="fecha" value="#{carroCompraController.pedido.fecha}">
                                <f:convertDateTime pattern="dd.MM.yyyy"/>
                            </h:outputText>

                            <h:outputLabel value="Importe total:" for="total" style="font-weight: bold;"/>
                            <h:outputText id="total" value="#{carroCompraController.pedido.totalPedido}">
                                <f:convertNumber currencyCode="es"/>
                            </h:outputText>

                            <h:outputLabel value="Estado:" for="estado" style="font-weight: bold;"/>
                            <h:outputText id="estado" value="#{carroCompraController.pedido.estado}"/>
                        </h:panelGrid>
                    </h:panelGroup>

                    <h:panelGroup styleClass="panelDatos">
                        <p> <h:outputText value="Detalle del pedido" style="font-weight: bold;"/> </p>

                        <h:dataTable var="linea" value="#{carroCompraController.pedido.lineasPedido}">
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="Cantidad"/>
                                </f:facet>
                                <h:outputText value="#{linea.cantidad}"/>
                            </h:column>

                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="Descripción"/>
                                </f:facet>
                                <h:outputText value="#{linea.producto.descripcion}"/>
                            </h:column>

                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="Marca"/>
                                </f:facet>
                                <h:outputText value="#{linea.producto.marca}"/>
                            </h:column>

                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="Modelo"/>
                                </f:facet>
                                <h:outputText value="#{linea.producto.modelo}"/>
                            </h:column>

                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="Precio"/>
                                </f:facet>
                                <h:outputText value="#{linea.precio}"/>
                            </h:column>

                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="Descuento"/>
                                </f:facet>
                                <h:outputText value="#{linea.descuento}"/>
                            </h:column>

                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="Importe"/>
                                </f:facet>
                                <h:outputText value="#{linea.totalLinea}"/>
                            </h:column>

                        </h:dataTable>
                    </h:panelGroup>

                    <h:commandButton value="Seguir comprando" immediate="true" action="productos.xhtml"/>

                </h:form>
            </ui:define>



        </ui:composition>

    </body>
</html>
